<template>
	<view class="loaderMask" v-show="loadControl" @click.stop="" @touchmove.stop="">
		<view class="loader">
			<view class="circleBox"></view>
			<image class="boxCircleImg"
				src="https://fire-system.oss-cn-beijing.aliyuncs.com/web/fire-technology/logo.png"></image>
			<view class="ff-color-fff ff-font-14 loadingTxt ff-text-center">{{ loadingTxt }}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Loading',
		data() {
			return {
				loadControl: false, // 加载动画显示隐藏
				loadingTxt: '' // 动画的文字提示
			};
		},
		methods: {
			// 动画显示
			openLoading(e) {
				this.loadControl = true;
				this.loadingTxt = e;
			},
			// 动画隐藏
			closeLoading() {
				this.loadControl = false;
			}
		}
	};
</script>